<template>
	<view class="container">
		<top-back-navbar position="fixed" title="国风商城" background="#ffffff" color="#000000"></top-back-navbar>
		<view class="container-box">
			<view class="home-nav-group">
				<view class="home-nav-item" v-for="(item,index) in navList" :key="index" @click="jumpto(item.path)">
					<image class="home-nav-icon" mode="heightFix" src="/static/images/home/gf_home_icon.png"></image>
					<view class="home-nav-text">{{item.name}}</view>
				</view>
			</view>
		</view>
		<tabbars :current="0"></tabbars>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				navList:[
					{name:'商品购买',path:'/pagesG/goods/goods?cate=1282&type=1',type:'nav',bg:'/static/images/home/gf_home_spgm1.png'},
					{name:'我的钱包',path:'/pagesG/qianbao/qianbao',type:'nav',bg:'/static/images/home/gf_home_qb1.png'},
					{name:'我的社区',path:'/pagesG/member/myteam',type:'nav',bg:'/static/images/home/gf_home_sq1.png'},
					{name:'诗酒花茶',path:'/pagesG/goods/goodsList',type:'nav',bg:'/static/images/home/gf_home_sqhc1.png'},
					{name:'商家入驻',path:'/pagesG/goods/goods?type=2',type:'nav',bg:'/static/images/home/gf_home_sjrz1.png'},
					{name:'项目讲解',path:'/pagesG/pattern/pattern',type:'nav',bg:'/static/images/home/gf_home_xmje1.png'},
				]
			};
		},
		onLoad: function() {
		},
		methods:{
			jumpto(path) {
				uni.navigateTo({
					url: path
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
	  background: url('/static/images/home/gf_bg.png') center -70rpx no-repeat;
	  background-size: 100% 106%;
	  height: 100%;
	}
	.container {
		box-sizing: border-box;
		.container-box{
			width: 100%;
			height: 86vh;
			display: flex;
			align-items: center;
			justify-content: center;
			padding:0 5%;
			box-sizing: border-box;
		}
		.home-nav-group{
			width: 100%;
			.home-nav-item{
				position: relative;
				line-height: 1.2;
				height: 130rpx;
				background: url('/static/images/home/gf_home_bg.png') center no-repeat;
				background-size: 100% 100%;
				margin-bottom:40rpx;
				.home-nav-icon{
					height: 90rpx;
					position: absolute;
					top:50%;
					right:15%;
					transform: translateY(-50%);
				}
				.home-nav-text{
					position: absolute;
					top:0;
					left:0;
					right:0;
					bottom:0;
					padding-left:120rpx;
					font-size:62rpx;
					font-weight: bold;
					display: flex;
					align-items: center;
					color: #95181e;
					letter-spacing:8rpx;
				}
			}
		}
	}
</style>
